<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../css/login.css">
    <title>denglu</title>
</head>

<body>
    <div>
        <div class="login">
            <div class="login-img fl">
                <img src="../img/p2.gif" alt="">
            </div>
            <p class="fr">
                <a href="../html/regist.html" class="regbtn fr">注册</a>
                如未注册，点此
            </p>
        </div>
        <div class="login-content">
            <ul class="login-content-top clearfix">
                <li class="login_user on">会员登录</li>
                <li>手机动态密码登录</li>
            </ul>
            <div class="tabcontent">
                <div class="huiyuanLogin">
                    <form class="loginForm" action="" name="" method="" onsubmit="">
                        <input id="loginname" class="loginForm-input" type="text" placeholder="用户名" />
                        <input id="loginkey" class="loginForm-input" type="text" placeholder="密码" />
                        <div>
                            <input class="loginForm-input" style="width:20%" type="text" placeholder="验证码" />
                            <div class="huiyuanLogin-yzm">
                                <img src="../img/captcha.png" alt="">
                            </div>
                        </div>
                        <div class="huiyuanLogin-checkbox" style="font-size:14px;">
                            <label for="" class="fl">
                                <input type="checkbox" class="remember-me">请保存我这次的登录信息。</input>
                            </label>
                            <span class="fr" style="color:red">短信找回密码?</span>
                        </div>
                        <button type="button" class="loginBtn">登录</button>
                        <div>
                            <p class="other-login-wenzi">使用第三方帐号登录</p>
                            <ul class="other-login">
                                <li class="qq"><img src="" alt=""></li>
                                <li class="sina"><img src="" alt=""></li>
                                <li class="alipay"><img src="" alt=""></li>
                                <li class="weixin"><img src="" alt=""></li>
                            </ul>
                        </div>
                    </form>
                </div>
                <div class="huiyuanLogin" style="display:none;">
                    <form class="loginForm" action="" name="" method="" onsubmit="">
                        <input class="loginForm-input" type="text" placeholder="已注册的手机号" />
                        <div>
                            <input class="loginForm-input" style="width:20%" type="text" placeholder="验证码" />
                            <div class="huiyuanLogin-yzm">
                                <img src="" alt="">
                            </div>
                        </div>
                        <div class="dxyzm">
                            <input style="margin-left: 20px;" class="loginForm-input" type="text" placeholder="短信验证码" />
                            <button type="button">获取验证码</button>
                        </div>
                        <div class="huiyuanLogin-checkbox" style="font-size:14px;">
                            <label for="" class="fl">
                                <input type="checkbox" class="remember-me">请保存我这次的登录信息。</input>
                            </label>
                            <span class="fr" style="color:red">短信找回密码?</span>
                        </div>
                        <button type="button" class="loginBtn">登录</button>
                        <div>
                            <p class="other-login-wenzi">使用第三方帐号登录</p>
                            <ul class="other-login">
                                <li class="qq"></li>
                                <li class="sina"></li>
                                <li class="alipay"></li>
                                <li class="weixin"></li>
                            </ul>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <script src="../js/jquery-3.3.1.js"></script>
    <script src="../js/login.js"></script>
</body>

</html>